<%-- 
/****************************************************************
** 								*			
**  Nombre: RegistroCuentaAlumno.jsp                            *	
**  Versión: 1.0.0                                              *
**  Autor: Alberto de Jesús Castro Becerra                      *
**  Creado: 16-mar-2013, 14:51:53                               *
**  Modificado: -                                               *
**  Diagrama: GAPI v4.5.6                                       *		
**  Caso de uso: MCCAL1                                         *
**								*			
****************************************************************/
--%>

<%@page import="Dominio.ProgramaEducativo"%>
<%@page import="java.util.ArrayList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Registro de cuenta de alumno</title>
    </head>
    <link href="css/estilo.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery.js"></script>        
    <script type="text/javascript" src="js/js_registroCuentaAlumno.js"></script>
    <body>
        <div class="contenedorRegistroAlumno">
        <h1>Registro de alumno</h1>
        <h3>Datos personales</h3>
        
        <div class="contenedorFormularioRegistroAlumno"> 
            <table>
                <tr>
                    <td>Nombre(s):</td>
                    <td><input type="text" id="nombre"/></td>
                </tr>
                <tr>
                    <td>Apellido paterno:</td>
                    <td><input type="text" id="apellidoPaterno"</td>
                </tr>
                <tr>
                    <td>Apellido materno:</td>
                    <td><input type="text" id="apellidoMaterno"</td>
                </tr>
                <tr>
                    <td>Edad:</td>
                    <td><input type="text" id="edad"</td>
                </tr>
                <tr>
                    <td>Tel&eacute;fono:</td>
                    <td><input type="text" id="telefono"</td>
                </tr>
                <tr>
                    <td>Direcci&oacute;n:</td>
                    <td><input type="text" id="direccion"</td>
                </tr>
                <tr>
                    <td>Sexo:</td>                             
                    <td><select id="sexo"><option>Hombre</option><option>Mujer</option></select></td>
                </tr>            
            </table>
        </div>
        
        <h3>Informacion Acad&eacute;mica</h3>
        
        <div class="contenedorFormularioRegistroAlumno"> 
        <table>
            <tr>
                <td>Programa Educativo:</td>
                <td><select name="cmbProgramaE" id="cmbProgramaE" onchange="actualizarListaSemestres(this.options[this.selectedIndex].value);">
                        <option value="-1">Seleccione...</option>
                        <%
                            
                            DAO.DAOProgramaEducativo daope = new DAO.DAOProgramaEducativo();
                            ArrayList<ProgramaEducativo> programas = daope.listarProgramas();
                            
                            for(int i=0;i<programas.size();i++){
                                String valor = String.valueOf(programas.get(i).getCvePrograma());
                                String nombre = programas.get(i).getNombre();
                                out.println("<option value='"+valor+"'>"+nombre+"</option>");
                            }
                        %>
                    </select>
                </td>
            </tr>            
            <tr id="filaSemestre">            
            </tr>  
        </table>
        </div>
            
        <h3>Datos de la cuenta</h3>
        
        <div class="contenedorFormularioRegistroAlumno"> 
            <table>
                <tr>
                    <td>Nombre de usuario:</td>
                    <td><input type="text" id="nombreDeUsuario"/></td>
                </tr>
                <tr>
                    <td>Contrase&ntilde;a:</td>
                    <td><input type="password" id="contrasenia"/></td>
                </tr>
                <tr>
                    <td>Repita la contrase&ntilde;a:</td>
                    <td><input type="password" id="contraseniaConfirmacion"/></td>
                </tr>
            </table>
         
            <input type="button" id="registrarAlumno" value="Registrar alumno"/>
            <input type="button" id="regresarPortalAlumno" value="Regresar"/>
            <div id="objetivoDeLaRespuesta"></div>
        </div>
        </div>
    </body>
</html>
